@use '../../variables';
@use '../../../../styles/mixins';

$block: '.#{variables.$ns}dialog-header';

#{$block} {
    padding-block: 20px 10px;
    padding-inline: var(--_--side-padding)
        calc(
            var(--_--side-padding) + var(--_--close-button-space) * var(--g-flow-is-ltr) +
                var(--_--close-button-space) * var(--g-flow-is-rtl)
        );
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--g-color-text-primary);

    &__caption {
        @include mixins.text-subheader-3();
    }
}
